<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运动页---运动ing</title>

</head>
<body>
    <div class="motionIng">
        <div class="ming container">
            <div class="one">
                <div>
                    <p class="caad f16 lh20">户外跑</p>
                    <p class="lh30">运动中</p>
                </div>
                <div>
                    <span class="iconfont icon-yinle mr16"></span>
                    <span class="iconfont icon-shuju"></span>
                </div>
            </div>
            <!-- 公里 -->
            <div class="two"><span>99.99</span>公里</div>
            <!-- GPS信号 -->
            <div class="three">
                <span>GPS信号度低, 数据精准度低</span>
                <span class="th">----------</span>
                <a class="iconfont icon-dibiao" href="#"></a>
            </div>

            <!-- 配速 -->
            <div class="four">
                <div class="top">
                    <div>
                        <span class="iconfont icon-icon-111"></span>
                        <p>配速</p>
                    </div>
                    <div>
                        <span class="iconfont icon-shijian"></span>
                        <p>用时</p>
                    </div>
                    <div>
                        <span class="iconfont icon-qialuli"></span>
                        <p>千卡</p>
                    </div>
                </div>
                <div class="btn">
                    <p>--</p>
                    <p>00:00:20</p>
                    <p>3000</p>
                </div>
            </div>

            <!-- 按钮 -->
            <div class="five">
                <div class="btneOne" id="btneOne">
                    <div></div>
                    <div class="timeOut">
                        <p>
                            <span class="iconfont icon-zanting1"></span>
                            <span>暂停</span>
                        </p>
                    </div>
                    <div class="suo">
                        <span class="iconfont icon-suo"></span>
                    </div>
                </div>

                <div class="btneTwo dpnone" id="btneTwo">
                    <div class="goOn" id="goOn">
                        <p>
                            <span class="iconfont icon-bofang"></span>
                            <span>继续</span>
                        </p>
                    </div>
                    <div class="finish" id="finish">
                        <p>
                            <span class="iconfont icon-jieshu"></span>
                            <span>结束</span>
                        </p>
                    </div>
                </div>
            </div>
            
        </div>
        
    </div>
    
</body>
</html>